<template>
  <div>
    <h1>{{info}}</h1>
    <MyComponent1></MyComponent1>
    <MyComponent2></MyComponent2>
    <MyTodo></MyTodo>
  </div>
</template>

<script>
import MyComponent1 from "./components/MyComponent1";
import MyComponent2 from "./components/MyComponent2";
import MyTodo from '@/components/MyTodo'

export default {
  data() {
    return { info: "我是APP根组件，mmmmmmm" };
  },
  components: {
    MyComponent1,
    MyComponent2,
    MyTodo
  },
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  height: 100%;
}
div {
  width: 100%;
  height: 100%;
  background: #eee;

}
</style>